<div class="login">
    <!-- BEGIN LOGO -->
    <div class="logo">
        <img src="{{settings.layoutPath}}/images/browser.png" alt="" width="30" height="30"/>
    </div>
    <!-- END LOGO -->
    <!-- BEGIN LOGIN -->
    <div class="content" style="width: 750px">
        <div ng-class="vm.flash.classNames" ng-bind="vm.flash.message" ng-if="vm.flash"></div>
        <form name="vm.form" class="form-horizontal form-bordered">
            <div class="form-group" ng-class="{
         'has-success': vm.form.group_name.$dirty && vm.form.group_name.$valid,
            'has-error': vm.form.group_name.$touched && vm.form.group_name.$invalid
            }">
                <label class="col-sm-3 control-label" for="group_name"><span class="red-star">*</span>分组名称：</label>
                <div class="col-sm-8">
                    <input type="text" style="float:left;width:220px" class="form-control" name="group_name" ng-change="vm.nameChange()"
                           ng-model="vm.currentGroupName" ng-maxlength="10" required>
                    <span class="errorMsg red-star" style="line-height: 35px;margin-left: 5px;" ng-if="vm.form.group_name.$dirty && vm.form.group_name.$invalid">
                        <span ng-if="vm.form.group_name.$error.required">请输入分组名称</span>
                        <span ng-if="!vm.form.group_name.$error.required && vm.form.group_name.$invalid">分组名称长度不能大于10</span>
                    </span>
                    <div style="    line-height: 35px;" class="red-star" ng-if="vm.showErr">{{ vm.serverError }}</div>
                </div>
            </div>
            <div class="form-actions">
                <div class="row">
                    <div class="col-md-offset-3 col-md-9">
                        <button type="submit" class="btn green" ng-click="vm.add()" ng-disabled="vm.form.$invalid || vm.isSame">
                            <i class="fa fa-check"></i>确认
                        </button>
                        <button type="button" class="btn default" ng-click="vm.cancel()">取消</button>
                    </div>
                </div>
            </div>


        </form>
    </div>
</div>